<template>
    <div class="search-empty">
        <figure><img src="@/assets/images/search-empty.png"></figure>
        <p v-html="notify" v-if="notify"></p>
        <p v-else>No results found.Please try different keywords.</p>
    </div>
</template>
<script>
export default {
    name: "Loading",
    props: {
        notify: { type: String, default: '' }
    },
    data () {
        return {};
    },
    methods: {},
};
</script>
<style scoped lang="scss">
.search-empty {
    height: 480px;
    background: #ffffff;
    border-radius: 8px;
    // border: 1px solid #e6e6e6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    figure {
        width: 80px;
        height: 80px;
        img {
            width: 100%;
            height: 100%;
        }
    }
    p {
        margin-top: 12px;
        font-size: 14px;
        font-family: Roboto-Regular, Roboto;
        font-weight: 400;
        color: #757575;
        line-height: 20px;
        text-align: center;
    }
}
</style>
